<%--
  Created by IntelliJ IDEA.
  User: Somnus远哥
  Date: 2021/9/22
  Time: 15:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page pageEncoding="UTF-8" contentType="text/html;charset=UTF-8" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>电商平台用户注册页面</title>

    <!--js-->
    <script src="js/jquery-1.8.2.min.js"></script>
    <script src="js/common.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/ddsmoothmenu.js"></script>
    <script src="js/jquery.flexslider.js"></script>
    <script src="js/jquery.elastislide.js"></script>
    <script src="js/jquery.jcarousel.min.js"></script>
    <script src="js/jquery.accordion.js"></script>
    <script src="js/light_box.js"></script>
    <script src="js/html5.js"></script>
    <%-- 城市级联菜单js --%>
<%--    <script type="text/javascript" src="js/jquery.min.js"></script>--%>
    <script type="text/javascript" src="js/Popt.js"></script>
    <script type="text/javascript" src="js/city.json.js"></script>
    <script type="text/javascript" src="js/citySet.js"></script>
    <!--end js-->
    <link rel="stylesheet" href="css/city.css" type="text/css">

    <!-- CSS ================================================== -->
    <style type="text/css">
        * {
            font-family: "微软雅黑";
        }
    </style>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/orange.css">
    <link rel="stylesheet" href="css/skeleton.css">
    <link rel="stylesheet" href="css/layout.css">
    <link rel="stylesheet" href="css/ddsmoothmenu.css" />
    <link rel="stylesheet" href="css/elastislide.css" />
    <link rel="stylesheet" href="css/home_flexslider.css" />
    <link rel="stylesheet" href="css/light_box.css" />

    <script type="text/javascript">
        $(function() {
            /*$(".inline").colorbox({
                inline : true,
                width : "50%"
            });*/

            $("#username").blur(function(){
                $.ajax({
                    url:"confirmUsername?username=" + $("#username").val(),
                    success:function(msg){
                        $("#msg").html(msg);
                    }

                })
            })
            $(".inline").colorbox({
                inline : true,
                width : "50%"
            });
        });
    </script>
</head>
<body>
<div class="mainContainer sixteen container">
    <!--Header Block-->
    <%@include file="header_session.jsp"%>
    <!--Content Block-->
    <section class="content-wrapper">
        <div class="content-container container">
            <div class="main">
                <form action="register" method="get">
                    <h1 class="page-title">新建用户</h1>
                    <div class="fieldset">
                        <h2 class="legend">个人信息</h2>
                        <ul class="form-list">
                            <li class="fields">
                                <div class="customer-name">
                                    <div class="input-box name-firstname">
                                        <label>用户名<em>*</em></label>
                                        <input type="text" class="required-entry input-text" title="用户名"
                                            placeholder="请输入用户名" name="username" id="username">
                                        <span id="msg"></span>
                                    </div>
                                    <div class="clear"></div>

                                </div>
                            </li>
                            <li class="fields">
                                <div class="customer-name">
                                    <div class="input-box name-firstname">
                                        <label>手机号<em>*</em></label>
                                        <input type="text" class="required-entry input-text" title="手机号"
                                            placeholder="请输入11位手机号码" name="phone">
                                    </div>
                                    <div class="clear"></div>

                                </div>
                            </li>
                            <li>
                                <%-- 修改的地址 --%>
                                <div class="input-box">
                                    <label class="required">送货地址<em>*</em></label>
                                    <input class="input" id="city" type="text" placeholder="请选择" autocomplete="off" readonly="true" />
                                    <textarea class="input-text validate-email required-entry" rows="10" cols="40" name="addr2" id="addr2" placeholder="详细地址"></textarea>
                                </div>
                                <script type="text/javascript">
                                    $("#city").click(function(e) {
                                        SelCity(this, e);
                                    });
                                </script>

                                <div class="clear"></div>
                            </li>
                            <li class="control">
                                <div class="input-box">
                                    <input type="checkbox" class="checkbox" id="is_subscribed"
                                           value="1" title="Sign Up for Newsletter" name="is_subscribed">
                                    <label for="is_subscribed">Sign Up for Newsletter</label>
                                </div>
                                <div class="clear"></div>
                            </li>
                        </ul>
                        <h2 class="legend">注册登录信息</h2>
                        <ul class="form-list">
                            <li class="fields">
                                <div class="customer-name">
                                    <div class="input-box name-firstname">
                                        <label>密码<em>*</em></label> <input
                                            type="password" class="required-entry input-text" title="密码"
                                            placeholder="请输入密码" name="password" id="password">
                                    </div>
                                    <div class="input-box name-lastname">
                                        <label>确认密码<em>*</em></label> <input
                                            type="password" class="required-entry input-text"
                                            title="确认密码" placeholder="请再次输入密码" name="confirmPassword" id="confirmPassword">
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </li>
                        </ul>
                        <div class="buttons-set">
                            <p class="required">* 必填项</p>
                            <a href="account_login.html" title="返回" class="f-left">&laquo;
                                返回</a>
                            <input type="submit" class="orange-btn" value="注册">
                            <%--<a title="注册" class="orange-btn"><span><span>注册</span></span></a>--%>
                            <div class="clear"></div>
                        </div>
                    </div>
                </form>
            </div>

            <div class="clearfix"></div>
            <div class="news-letter-container">
                <div class="free-shipping-block">
                    <h1>ENJOY FREE SHIPPING</h1>
                    <p>on all orders as our holiday gift for you!</p>
                </div>
                <div class="news-letter-block">
                    <h2>SIGN UP FOR OUR NEWSLETTER</h2>
                    <input type="text" value="Enter email address" title="" /> <input
                        type="submit" value="注册" title="注册" />
                </div>
            </div>
        </div>
    </section>
</div>
<!--Footer Block-->
<%@include file="footer.jsp"%>
</body>
</html>
